<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>Java-211-RBAC</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{/css/font.css}">
	<link rel="stylesheet" th:href="@{/css/xadmin.css}">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
</head>
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo"><a href="./index.html">Java-211-后台管理</a></div>
        <div class="left_open">
            <i title="展开左侧栏" class="iconfont">&#xe699;</i>
        </div>
        <ul class="layui-nav left fast-add" lay-filter="">
          <li class="layui-nav-item">

          </li>
        </ul>
        <ul class="layui-nav right" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;" th:text="${session.userName}"></a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd>
              <dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd>
              <dd><a href="javascript:logout();">退出</a></dd>
            </dl>
          </li>
        </ul>
        
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
     <!-- 左侧菜单开始 -->
    <div class="left-nav">
      <div id="side-nav">
        <ul id="nav">
            <!--<li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>会员管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="member-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>会员列表</cite>
                        </a>
                    </li >
                </ul>
            </li>-->
        </ul>
      </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
          <ul class="layui-tab-title">
            <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe th:src="@{/welcome}" frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
          </div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="copyright">Copyright ©2017 x-admin 2.3 All Rights Reserved  更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></div>  
    </div>
    <!-- 底部结束 -->

</body>
<script>
    /**
     * 退出登陆的方法
     */
    function logout() {
        layer.confirm('确定退出吗?',function(index){
            // 请求后端的退出登陆接口
            window.location.href="/login/out";
        });
    }

    // 获取菜单
    $.ajax({
        type:"post",
        url:"/menu",
        dataType: "json",
        success:function (data) {
            if(data.code === 200){
                $(data.data).each(function () {
                    // 每遍历一次就是一个父级
                    // 父级的li
                    var li = $('<li>\n' +
                        '                <a href="javascript:;">\n' +
                        '                    <i class="iconfont">&#xe6b8;</i>\n' +
                        '                    <cite>'+this.menuName+'</cite>\n' +
                        '                    <i class="iconfont nav_right">&#xe697;</i>\n' +
                        '                </a>\n' +
                        '            </li>');
                    // 子级的ul
                    var ul = $('<ul class="sub-menu"></ul>');
                    // 子级ul下面的li
                    $(this.child).each(function () {
                        var childLi = ' <li>\n' +
                            '                        <a _href="'+this.menuUrl+'">\n' +
                            '                            <i class="iconfont">&#xe6a7;</i>\n' +
                            '                            <cite>'+this.menuName+'</cite>\n' +
                            '                        </a>\n' +
                            '                    </li >';
                        // 追加到ul
                        ul.append(childLi);
                    });
                    // 追加到父级的li中
                    li.append(ul);
                    // 追加到nav中
                    $("#nav").append(li);
                })
            }
        }
    });

</script>
</html>